<%@ page language="java" pageEncoding="utf-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
    %>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- sidebox -->
<div class="sidebox sidebox--desk">
	<h4 class="sidebox__title">
		<font style="vertical-align: inherit;"><font
			style="vertical-align: inherit;">热门职位</font></font>
	</h4>
	<div class="sidebox__content">
		<div class="sidebox__job">
			<div class="sidebox__job-title">
				<a href="#"><font style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">前端开发人员</font></font></a> <span><font
					style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">$ 25 /小时</font></font></span>
			</div>
			<p class="sidebox__job-description">
				<font style="vertical-align: inherit;"><font
					style="vertical-align: inherit;">因此，生成的Lorem Ipsum始终没有重复。 </font></font>
			</p>
		</div>

		<div class="sidebox__job">
			<div class="sidebox__job-title">
				<a href="#"><font style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">UI / UX Designer </font></font></a> <span><font
					style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">$ 20 /小时</font></font></span>
			</div>
			<p class="sidebox__job-description">
				<font style="vertical-align: inherit;"><font
					style="vertical-align: inherit;">因此，生成的Lorem Ipsum始终没有重复。 </font></font>
			</p>
		</div>

		<div class="sidebox__job">
			<div class="sidebox__job-title">
				<a href="#"><font style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">后端开发人员</font></font></a> <span><font
					style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">$ 27 /小时</font></font></span>
			</div>
			<p class="sidebox__job-description">
				<font style="vertical-align: inherit;"><font
					style="vertical-align: inherit;">因此，生成的Lorem Ipsum始终没有重复。 </font></font>
			</p>
		</div>

		<div class="sidebox__job">
			<div class="sidebox__job-title">
				<a href="#"><font style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">领队</font></font></a> <span><font
					style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">$ 38 /小时</font></font></span>
			</div>
			<p class="sidebox__job-description">
				<font style="vertical-align: inherit;"><font
					style="vertical-align: inherit;">因此，生成的Lorem Ipsum始终没有重复。 </font></font>
			</p>
		</div>

		<div class="sidebox__job">
			<div class="sidebox__job-title">
				<a href="#"><font style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">高级Java开发人员</font></font></a> <span><font
					style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">$ 35 /小时</font></font></span>
			</div>
			<p class="sidebox__job-description">
				<font style="vertical-align: inherit;"><font
					style="vertical-align: inherit;">因此，生成的Lorem Ipsum始终没有重复。 </font></font>
			</p>
		</div>
	</div>
	<a href="#" class="sidebox__more"><font
		style="vertical-align: inherit;"><font
			style="vertical-align: inherit;">查看更多</font></font></a>
</div>
<!-- end sidebox -->

<!-- sidebox -->
<div class="sidebox sidebox--desk">
	<h4 class="sidebox__title">
		<font style="vertical-align: inherit;"><font
			style="vertical-align: inherit;">本周观看最多</font></font>
	</h4>
	<div class="sidebox__content">
		<div class="sidebox__job">
			<div class="sidebox__job-title">
				<a href="#"><font style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">UI / UX Designer </font></font></a> <span><font
					style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">$ 20 /小时</font></font></span>
			</div>
			<p class="sidebox__job-description">
				<font style="vertical-align: inherit;"><font
					style="vertical-align: inherit;">因此，生成的Lorem Ipsum始终没有重复。 </font></font>
			</p>
		</div>

		<div class="sidebox__job">
			<div class="sidebox__job-title">
				<a href="#"><font style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">后端开发人员</font></font></a> <span><font
					style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">$ 27 /小时</font></font></span>
			</div>
			<p class="sidebox__job-description">
				<font style="vertical-align: inherit;"><font
					style="vertical-align: inherit;">因此，生成的Lorem Ipsum始终没有重复。 </font></font>
			</p>
		</div>

		<div class="sidebox__job">
			<div class="sidebox__job-title">
				<a href="#"><font style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">高级Java开发人员</font></font></a> <span><font
					style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">$ 35 /小时</font></font></span>
			</div>
			<p class="sidebox__job-description">
				<font style="vertical-align: inherit;"><font
					style="vertical-align: inherit;">因此，生成的Lorem Ipsum始终没有重复。 </font></font>
			</p>
		</div>
	</div>
	<a href="#" class="sidebox__more"><font
		style="vertical-align: inherit;"><font
			style="vertical-align: inherit;">查看更多</font></font></a>
</div>
<!-- end sidebox -->

<!-- sidebox -->
<div class="sidebox sidebox--desk">
	<h4 class="sidebox__title">
		<font style="vertical-align: inherit;"><font
			style="vertical-align: inherit;">观看次数最多的人</font></font>
	</h4>
	<div class="sidebox__content">
		<div class="sidebox__user">
			<a href="#" class="sidebox__user-img"> <img src="img/user3.jpg"
				alt="">
			</a>
			<div class="sidebox__user-title">
				<h5>
					<a href="#"><font style="vertical-align: inherit;"><font
							style="vertical-align: inherit;">玛莎·鲍德温（Marsha Baldwin）</font></font></a>
				</h5>
				<p>
					<font style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">秘书</font></font>
				</p>
			</div>
			<button class="sidebox__user-btn" type="button">
				<i class="icon ion-ios-add"></i>
			</button>
		</div>

		<div class="sidebox__user">
			<a href="#" class="sidebox__user-img"> <img src="img/user2.jpg"
				alt="">
			</a>
			<div class="sidebox__user-title">
				<h5>
					<a href="#"><font style="vertical-align: inherit;"><font
							style="vertical-align: inherit;">托尼·杨</font></font></a>
				</h5>
				<p>
					<font style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">中医师</font></font>
				</p>
			</div>
			<button class="sidebox__user-btn" type="button">
				<i class="icon ion-ios-add"></i>
			</button>
		</div>

		<div class="sidebox__user">
			<a href="#" class="sidebox__user-img"> <img src="img/user9.jpg"
				alt="">
			</a>
			<div class="sidebox__user-title">
				<h5>
					<a href="#"><font style="vertical-align: inherit;"><font
							style="vertical-align: inherit;">圣地亚哥·罗宾逊</font></font></a>
				</h5>
				<p>
					<font style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">时装设计师</font></font>
				</p>
			</div>
			<button class="sidebox__user-btn" type="button">
				<i class="icon ion-ios-add"></i>
			</button>
		</div>

		<div class="sidebox__user">
			<a href="#" class="sidebox__user-img"> <img src="img/user4.jpg"
				alt="">
			</a>
			<div class="sidebox__user-title">
				<h5>
					<a href="#"><font style="vertical-align: inherit;"><font
							style="vertical-align: inherit;">索菲亚·门多萨（Sophia Mendoza）</font></font></a>
				</h5>
				<p>
					<font style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">教学助手</font></font>
				</p>
			</div>
			<button class="sidebox__user-btn" type="button">
				<i class="icon ion-ios-add"></i>
			</button>
		</div>

		<div class="sidebox__user">
			<a href="#" class="sidebox__user-img"> <img src="img/user6.jpg"
				alt="">
			</a>
			<div class="sidebox__user-title">
				<h5>
					<a href="#"><font style="vertical-align: inherit;"><font
							style="vertical-align: inherit;">玛莎·鲍德温（Marsha Baldwin）</font></font></a>
				</h5>
				<p>
					<font style="vertical-align: inherit;"><font
						style="vertical-align: inherit;">园丁</font></font>
				</p>
			</div>
			<button class="sidebox__user-btn" type="button">
				<i class="icon ion-ios-add"></i>
			</button>
		</div>
	</div>
	<a href="#" class="sidebox__more"><font
		style="vertical-align: inherit;"><font
			style="vertical-align: inherit;">查看更多</font></font></a>
</div>
<!-- end sidebox -->


<script src="<%=basePath%>/js/jquery-3.4.1.min.js"></script>
<script src="<%=basePath%>/js/bootstrap.bundle.min.js"></script>
<script src="<%=basePath%>/js/right.js"></script>